<template>
  <!-- <div>图片展示</div> -->
  <SubTitle>
        <template #subtitle>图片展示</template>
      </SubTitle>
  <div class="imgshow" ref="imgshow">
    <div>
        <img src="../../assets/img/front.jpg" alt="" class="img">
        <h4>传回图片</h4>
    </div>
    <div>
        <img src="../../assets/img/next.jpg" alt="" class="img">
        <h4>处理图片</h4>
    </div>
  </div>

</template>

<script>
import SubTitle from './SubTitle.vue';
export default {
    components:{
        SubTitle
    }
}
</script>

<style lang="less" scoped>
.imgshow{
    margin-top: 1rem;
    width: 100%;
    height: 290px;
    display: flex;
    justify-content: space-around;
    div{
        width: 47%;
        .img{
    width: 100%;
    height: 60%;
}
h4{
    font-size: 20px;
    margin-top: 3rem;
    text-align: center;
    color: skyblue;
}
    }
}

</style>